var target_user = null;

layui.use('table', function () {
    var table = layui.table;
    table.render({
        elem: '#users',
        url: '/user/getAllUsers',
        title: '用户表',
        page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
            layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
            //,curr: 5 //设定初始在第 5 页
            ,
            limit: 10 //一页显示多少条
            ,
            limits: [5, 10, 15] //每页条数的选择项
            ,
            groups: 2 //只显示 2 个连续页码
            ,
            first: "首页" //不显示首页
            ,
            last: "尾页" //不显示尾页

        },
        cellMinWidth: 100,
        totalRow: true,
        toolbar: true,
        parseData: function (res) { //res 即为原始返回的数据

            return {
                "code": res.status, //解析接口状态
                "msg": res.message, //解析提示文本
                "count": res.total, //解析数据长度
                "data": res.data //解析数据列表
            }
        },
        defaultToolbar: ['filter', 'print', 'exports'],
        cols: [
            [{
                field: 'id',
                title: 'ID',
                fixed: 'left',
                sort: true
            }, {
                field: 'status',
                title: '类型',
                sort: true,
                templet: function (d) {
                    if (d.status === 0) {
                        return "群众"
                    } else if (d.status === 1) {
                        return "巡查员"
                    } else {
                        return "拉黑"
                    }
                }
            }, {
                field: 'openId',
                title: 'OPEN ID',
                width: 275
            }, {
                field: 'unionId',
                title: 'UNION ID',
                sort: true
            }, {
                field: 'wxName',
                title: '微信名'
            }, {
                field: 'phoneNumber',
                title: '联系电话',
                width: 176
            }, {
                field: 'realName',
                title: '真实姓名'
            }, {
                field: 'locationCity',
                title: '所在城市',
                sort: true
            }, {
                field: 'locationStreet',
                title: '所在街道',
                sort: true
            }, {
                field: 'createTime',
                title: '创建时间',
                sort: true,
                width: 176
            }, {
                field: 'modifyTime',
                title: '更新时间',
                sort: true,
                width: 176
            }, {
                field: 'remarks',
                title: '备注'
            }, {
                fixed: 'right',
                width: 200,
                align: 'center',
                toolbar: '#barDemo'
            }]]
    });

    //监听行工具事件
    table.on('tool(user)', function (obj) { //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
        var data = obj.data, //获得当前行数据
            layEvent = obj.event; //获得 lay-event 对应的值
        var layer = layui.layer;
        target_user = data;
        if (layEvent === "edit") {
            editInit(data);
            layer.open({
                type: 1,
                title: "详情",
                area: ['60%', '80%'],
                content: $('#edit-window') //这里content是一个DOM，注意：最好该元素要存放在body最外层，否则可能被其它的相对元素所影响
            });
            var form = layui.form;
            form.render();
        }

    });
});

layui.use('form', function () {
    var form = layui.form;

    //监听提交
    form.on('submit(edit-form)', function (data) {
        //所有附件id集合
        var User = target_user;
        User.status = data.field.status;
        User.remarks = data.field.remarks;
        console.log(User);
        var user_data = JSON.stringify(User);

        $.ajax({
            type: "post",
            dataType: "json",
            url: "/user/editUser",
            data: {
                "user": user_data
            },
            contentType: "application/x-www-form-urlencoded;charset=UTF-8",
            async: false,
            success: function (data) {
                if (data) {
                    layer.msg('修改成功!', {
                        icon: 1,
                        time: 800 //2秒关闭（如果不配置，默认是3秒）
                    }, function () {
                        window.parent.location.reload();
                        layer.closeAll();
                    });
                } else {
                    layer.msg("修改失败!");
                }


            },
            error: function (data) {
                layer.msg("修改失败!");

            }
        });
        return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
    });
});


function editInit(data) {
    $('#status').val(data.status);
    $("#remarks").val(data.remarks);
}